<template>
  <div>
    <h2 @click="changeCount">Demo - Demo - Demo -- {{ count }}</h2>
    <p>完整语法高亮</p>
    <p>CommonJS 模块 被模块暴露和引用</p>
    <p>组件作用域的 CSS 组件内部独享的CSS</p>
    <p>没有命名冲突</p>
  </div>
</template>
<script>
export default {
  data() {
    return {
      count: 1000,
    };
  },
  methods: {
    changeCount() {
      this.count += 10;
    },
  },
  watch: {},
  computed: {},
};
</script>

<style lang="scss" scoped>
h2 {
  color: darkmagenta;
}
p {
  color: darkred;
}
</style>
